
<template>
    <van-tabbar v-model="active" active-color="#fd6205" inactive-color="#000" route>
        <van-tabbar-item  to="/index" icon=" iconfont icon--xiaolu ">首页</van-tabbar-item>
        <van-tabbar-item  to="/course" icon=" iconfont icon-kecheng ">课程</van-tabbar-item>
        <van-tabbar-item  to="/record" icon=" iconfont icon-icon_xinyong_xianxing_jijin-160 ">约课记录</van-tabbar-item>
        <van-tabbar-item  to="/practice" icon=" iconfont icon-lianxi ">练习</van-tabbar-item>
        <van-tabbar-item  to="/mine" icon=" iconfont icon-yonghu ">我的</van-tabbar-item>
    </van-tabbar>
</template>

<script>
    import {Tarbar,TabbarItem, Tabbar}  from "vant"
    export default {
        name:"Tabbar",
    components: {
            
            [Tabbar.name]:Tabbar,
            [TabbarItem.name]:TabbarItem
        },
        data(){
            return {
                active:0
            }
        }

    }
</script>

<style lang="scss" scoped>
.icon--xiaolu {
    font-size:  29px !important; 
}

</style>